  html,
  body {
  	width: 100%;
  	height: 100%;
  	margin: 0px;
  	padding: 0px;
  	font-family: "Microsoft YaHei";
  }
  
  .HolyGrail {
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	min-height: 420vh;
  	flex-direction: column;
  }
  
  i {
  	color: #FFF;
  }
  
  header {
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex: 1.5;
  	flex-direction: column;
  	/*border: 1px solid red;*/
  }
  
  .top1 {
  	/*border: 1px solid yellow;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex: 1;
  	flex-direction: row;
  }
  
  .top1_logo {
  	flex: 1;
  	/*border: 1px solid black;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: row;
  	background-color: #505558;
  }
  
  .top1_logo_1 {
  	flex: 0.5;
  	/*border: 1px solid black;*/
  }
  
  .top1_logo_2 {
  	flex: 6;
  	/*border: 1px solid yellow;*/
  	background: url(../../images/bigData/logo.png) center no-repeat;
  	background-size: contain;
  }
  
  .top1_logo_3 {
  	flex: 0.5;
  	/*border: 1px solid black;*/
  }
  
  .top1_menum {
  	flex: 3;
  	/*border: 2px solid black;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: row;
  	background-color: #383D41;
  }
  
  .top1_menum_div {
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	justify-content: center;
  	align-items: center;
  	font-size: 16px;
  	flex: 1;
  }
  
  .top1_menum_div:hover {
  	border-bottom: 3px #D53609 solid;
  }
  
  a {
  	color: white;
  	text-decoration: none;
  }
  
  a:hover {
  	color: white;
  	text-decoration: none
  }
  
  a:visited {
  	color: white;
  	text-decoration: none;
  }
  
  a:active {
  	color: white;
  	text-decoration: none;
  }
  
  .top1_search {
  	flex: 1.9;
  	/*border: 1px solid blue;*/
  	background-color: #505558;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: row;
  }
  
  .top1_search :hover {
  	cursor: pointer;
  }
  
  .top1_search>div:hover {
  	background-color: #000000;
  }
  
  .top1_search_0 {
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex: 0.5;
  	/*border: 1px yellow solid;*/
  	justify-content: center;
  	align-items: center;
  	font-size: 13px;
  }
  
  .top1_search_1 {
  	flex: 1;
  	/*border: 1px yellow solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	align-content: center;
  	justify-content: center;
  	align-items: center;
  	font-size: 13px;
  }
  
  .top1_search_2 {
  	flex: 0.7;
  	/*border: 1px yellow solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	justify-content: center;
  	align-items: center;
  	font-size: 13px;
  }
  
  .top1_search_3 {
  	flex: 0.7;
  	/*border: 1px yellow solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	justify-content: center;
  	align-items: center;
  	font-size: 13px;
  	background-color: #D43509;
  }
  
  .top2 {
  	flex: 6.1;
  	/*border: 1px solid darkblue;*/
  	background: url(../../images/bigData/banner-1.png) no-repeat;
  	background-size: contain;
  }
  
  .top3 {
  	flex: 1.2;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	/*border-bottom: 1px #DBDBDB solid;*/
  }
  
  .top3_0 {
  	flex: 1;
  }
  
  .top3_1 {
  	flex: 1;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	justify-content: center;
  	justify-content: center;
  	align-items: center;
  	font-family: "微软雅黑";
  	color: #5E5E5E;
  	font-size: 30px;
  }
  
  .top3_1:hover {
  	cursor: pointer;
  	border-bottom: 3px #75BDF7 solid;
  }
  
  .HolyGrail-body {
  	display: flex;
  	flex: 5;
  	/*border: 1px solid blue;*/
  }
  
  .HolyGrail-content {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .HolyGrail-content_0 {
  	flex: 1;
  	/*border: 1px aquamarine solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .HolyGrail-content_0_00 {
  	flex: 1;
  	/*border: 1px aquamarine solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .HolyGrail-content_0_00_00 {
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex: 7;
  	/*border: 1px red solid;*/
  	align-items: center;
  	font-size: 21px;
  	font-family: "微软雅黑";
  	color: #5E5E5E;
  }
  
  .HolyGrail-content_0_00_01 {
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex: 1;
  	/*border: 1px red solid;*/
  	align-items: center;
  }
  
  .HolyGrail-content_0_01 {
  	flex: 8;
  	/*border: 1px aquamarine solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .knowledgeshared {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .knowledgeshared_00 {
  	flex: 1;
  	background: url(../../images/bigData/bigData03.png) no-repeat;
  	background-size: contain;
  }
  
  .knowledgeshared_01 {
  	flex: 1;
  	background: url(../../images/bigData/bigData04.png) no-repeat;
  	background-size: contain;
  }
  
  .knowledgeshared_02 {
  	flex: 1;
  	background: url(../../images/bigData/bigData_06.png) no-repeat;
  	background-size: contain;
  }
  
  .famouspeople {
  	flex: 1;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .famouspeople_top {
  	flex: 1;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_top_00 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .imgfp00 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp1.png) center no-repeat;
  	background-size: contain;
  }
  
  .imgfp01 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp2.png) center no-repeat;
  	background-size: contain;
  }
  
  .imgfp02 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp3.png) center no-repeat;
  	background-size: contain;
  }
  
  .imgfp03 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp4.png) center no-repeat;
  	background-size: contain;
  }
  
  .imgfp04 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp5.png) center no-repeat;
  	background-size: contain;
  }
  
  .imgfp05 {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	background: url(../../images/bigData/fp6.png) center no-repeat;
  	background-size: contain;
  }
  
  .famouspeople_top_01 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_top_02 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_down {
  	flex: 1;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_down_00 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_down_01 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .famouspeople_down_02 {
  	flex: 1;
  	/*border: 1px darkblue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .HolyGrail-content_0_01_00 {
  	flex: 3;
  	/*border: 1px aquamarine solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .HolyGrail-content_0_01_00_00 {
  	flex: 4;
  	/*border: 1px yellow solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .img-00 {
  	flex: 8;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	/*border: 1px darkgreen solid;*/
  }
  
  .img-00-left {
  	flex: 12;
  	/*border: 1px darkgreen solid;*/
  	background: url(../../images/bigData/dd001.png) no-repeat;
  	background-size: contain;
  }
  
  .img-00-right {
  	flex: 2;
  	/*border: 1px darkgreen solid;*/
  }
  
  .img-00-00 {
  	flex: 10;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	border: 1px darkgreen solid;
  	background: url(../../images/bigData/js00-00.png) no-repeat;
  	background-size: contain;
  }
  
  .img-00-01 {
  	border: 1px darkgreen solid;
  	flex: 2;
  }
  
  .context-00 {
  	flex: 1;
  	/*border: 1px darkgreen solid;*/
  	font-family: "微软雅黑";
  	color: #5E5E5E;
  }
  
  .HolyGrail-content_0_01_00_01 {
  	flex: 2;
  	/*border: 1px yellow solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .img-01 {
  	flex: 2.8;
  	/*border: 1px green solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .img-02 {
  	flex: 1;
  	/*border: 1px green solid;*/
  	background: url(../../images/bigData/layer_88.png) no-repeat;
  	background-size: contain;
  }
  
  .img-03 {
  	flex: 1;
  	/*border: 1px green solid;*/
  	background: url(../../images/bigData/layer_89.png) no-repeat;
  	background-size: contain;
  }
  
  .context-01 {
  	flex: 1;
  	/*border: 1px green solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .context-02 {
  	flex: 1;
  	/*border: 1px green solid;*/
  }
  
  .context-03 {
  	flex: 1;
  	/*border: 1px green solid;*/
  }
  
  .HolyGrail-content_0_01_01 {
  	flex: 4.5;
  	/*border: 1px aquamarine solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .HolyGrail-content_0_01_01_00 {
  	flex: 2;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .img-04 {
  	flex: 4;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .img-05 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_82.png) no-repeat;
  	background-size: contain;
  }
  
  .img-06 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_83.png) no-repeat;
  	background-size: contain;
  }
  
  .img-07 {
  	background: url(../../images/bigData/layer_84.png) no-repeat;
  	background-size: contain;
  	flex: 1;
  	/*border: 1px red solid;*/
  }
  
  .context-04 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .context-05 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-06 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-07 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .HolyGrail-content_0_01_01_01 {
  	flex: 2;
  	/*border: 1px blue solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .img-08 {
  	flex: 4;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .img-09 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_85.png) no-repeat;
  	background-size: contain;
  }
  
  .img-10 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_86.png) no-repeat;
  	background-size: contain;
  }
  
  .img-11 {
  	background: url(../../images/bigData/layer_87.png) no-repeat;
  	background-size: contain;
  	flex: 1;
  	/*border: 1px red solid;*/
  }
  
  .context-08 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .context-09 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-10 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-11 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .HolyGrail-content_0_01_01_02 {
  	flex: 2;
  	/*border: 1px blue solid;*/
  	/*border: 1px brown solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .img-12 {
  	flex: 4;
  	/*border: 1px red solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .img-13 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_90.png) no-repeat;
  	background-size: contain;
  }
  
  .img-14 {
  	flex: 1;
  	/*border: 1px red solid;*/
  	background: url(../../images/bigData/layer_91.png) no-repeat;
  	background-size: contain;
  }
  
  .img-15 {
  	background: url(../../images/bigData/layer_92.png) no-repeat;
  	background-size: contain;
  	flex: 1;
  	/*border: 1px red solid;*/
  }
  
  .context-12 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .context-13 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-14 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .context-15 {
  	flex: 1;
  	/*border: 1px brown solid;*/
  }
  
  .dataset {
  	flex: 1;
  	/*border: 1px orangered solid;*/
  	display: flex;
  	flex-wrap: wrap;
  	flex-direction: column;
  }
  
  .dataset_top_down {
  	flex: 1;
  	/*border: 1px darkgoldenrod solid;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .dataset_top_down_00 {
  	flex: 1;
  	border: 1px #D7D7D7 solid;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 25px;
  }
  .dataset_top_down_00:hover{
  	cursor: pointer;
  	box-shadow: 0 0 40px #FEF34A;
  	box-shadow:inset X Y 40px #FEF34A;
  }
  .HolyGrail-nav,
  .HolyGrail-ads {
  	/* 两个边栏的宽度设为12em */
  	flex: 0.0001 0 9em;
  	/*border: 1px solid red;*/
  }
  
  .HolyGrail-nav {
  	/* 导航放到最左边 */
  	order: -1;
  	/*border: 1px solid red;*/
  }
  
  footer {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  	background-color: #383D41;
  }
  
  .footertop {
  	flex: 1.5;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .footertop1 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footertop2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .footertop2-1 {
  	flex: 2;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	background: url(../../images/bigData/cloud.png) center no-repeat;
  }
  
  .footertop2-2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	color: white;
  	text-align: center;
  }
  
  .footertop3 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .footertop3-1 {
  	flex: 2;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	background: url(../../images/bigData/USERS.png) center no-repeat;
  }
  
  .footertop3-2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	color: white;
  	text-align: center;
  }
  
  .footertop4 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .footertop4-1 {
  	flex: 2;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	background: url(../../images/bigData/Shape194.png) center no-repeat;
  }
  
  .footertop4-2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	color: white;
  	text-align: center;
  }
  
  .footertop5 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	flex-direction: column;
  }
  
  .footertop5-1 {
  	flex: 2;
  	/*border: 1px solid red;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	background: url(../../images/bigData/Shape346.png) center no-repeat;
  }
  
  .footertop5-2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  	color: white;
  	text-align: center;
  }
  
  .footertop6 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle {
  	flex: 4;
  	/*border: 1px solid green;*/
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	
  	border-top: 2px solid #30373D;
  	border-bottom: 2px solid #30373D;
  }
  
  li {
  	color: white;
  	list-style-type: none;
  	line-height: 27px;
  }
  
  li:first-child {
  	font-size: 17px;
  	font-weight: bold;
  }
  
  .footermiddle1 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle2 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle3 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle4 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle5 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle6 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle7 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle8 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footermiddle9 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footerdown {
  	/*border: 1px solid blue;*/
  	flex: 1;
  	display: flex;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  }
  
  .footerdown1 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  
  .footerdown2 {
  	flex: 7.2;
  	/*border: 1px solid red;*/
  	color: white;
  }
  
  .footerdown3 {
  	flex: 1;
  	/*border: 1px solid red;*/
  }
  /*如果是小屏幕，躯干的三栏自动变为垂直叠加。*/
  /*@media (max-width: 768px) {
  .HolyGrail-body {
    flex-direction: column;
    flex: 1;
  }
  .HolyGrail-nav,
  .HolyGrail-ads,
  .HolyGrail-content {
    flex: auto;
  }
}*/
  /*过度效果 */
  
  @keyframes transform-11 {
  	from {
  		transform: rotate(0deg)
  	}
  	to {
  		transform: rotate(360deg)
  	}
  }
  
  .img-00-left:hover {
  	cursor: pointer;
  	animation: transform-11 1s infinite alternate;
  	transform: rotate(0deg)
  }
  
  .img-02:hover {
  	cursor: pointer;
  	animation: transform-11 1s infinite alternate;
  	transform: rotate(0deg)
  }
  
  .img-03:hover {
  	cursor: pointer;
  	animation: transform-11 1s infinite alternate;
  	transform: rotate(0deg)
  }
  
@keyframes transform{
	from{transform:scale(1)}
	to{transform:scale(1.2)}
}
.img-05:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-06:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-07:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-09:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-10:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-11:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-13:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-14:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}
.img-15:hover {cursor: pointer; animation: transform 1s infinite alternate;transform:scale(1)}





@keyframes transform-3{
	from{transform:rotate(0deg) scale(1)}
	to{transform:rotate(360deg) scale(0)}
}
.knowledgeshared_00:hover { animation: transform-3 1s infinite alternate;transform:rotate(0deg) scale(1)}
.knowledgeshared_01:hover { animation: transform-3 1s infinite alternate;transform:rotate(0deg) scale(1)}
.knowledgeshared_02:hover { animation: transform-3 1s infinite alternate;transform:rotate(0deg) scale(1)}